<template>
  <div class="hello">
    <h1>我是hello world 组件</h1>
    <h1>我是组件中{{num}}</h1>
    <button @click="num++">num++</button>
    <h1>{{msg}}</h1>
  </div>
</template>
i
<script>
// import mixin from '../mixin/index.js'
export default {
//   name: 'HelloWorld',
data() {
    return {
        num:10,
        msg:'我是hello world 组件的 msg' ,//data里面的数据 ，先执行 混入的，在执行组件的  组件的覆盖掉混入
    }
},
// mixins:[mixin],
created() {
    console.log('我是helloworld组件的created');
},
mounted() {
     console.log('我是helloworld组件的mounted');
},
destroyed() {
    
    console.log('我是helloworld组件的destroyed');
},
activated() {
    console.log('激活')
},
deactivated() {
     console.log('停用')
},
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">

</style>
